<template>
	<view style="width: 100%;height: auto;float: left;">

		<!--  #ifdef  H5 -->
		<!-- <view class="inv-h-w" style="top: 11vw;">
			<view :class="['inv-h',Inv==0?'inv-h-se':'']" @click="myTeam(0)">图片</view>
			<view :class="['inv-h',Inv==1?'inv-h-se':'']" @click="myTeam(1)">视频</view>
		</view> -->
		<!--  #endif -->
		<!--  #ifdef  APP-PLUS -->
		<!-- <view class="inv-h-w">
			<view :class="['inv-h',Inv==0?'inv-h-se':'']" @click="myTeam(0)">图片</view>
			<view :class="['inv-h',Inv==1?'inv-h-se':'']" @click="myTeam(1)">视频</view>
		</view> -->
		<!--  #endif -->
		<view class="main" style="width: 90%;height: auto;float: left;">
			<view class="shuru" style="margin-top: 8vw;">
				<text class="shuru_tit t1" style="width: 60%;">是否需要收集信息/销售</text>
				<picker @change="bindPickerChange1" :range="array1" class="shuru_text" style="width: 40%;float: right;">
					<image src="../../static/img/turn.png" mode="heightFix"
						style="height: 4vw;width: auto;display: block;float: right;margin-top: 3vw;margin-left: 2vw;">
					</image>
					<view class="uni-input t1">{{array1[index1]}}</view>
				</picker>
			</view>
			<view class="shuru" v-if="userType == 0">
				<text class="shuru_tit t1" style="width: 60%;">只允许新用户收看</text>
				<picker @change="newSeeChange" :range="newSeeData" class="shuru_text" style="width: 40%;float: right;">
					<image src="../../static/img/turn.png" mode="heightFix"
						style="height: 4vw;width: auto;display: block;float: right;margin-top: 3vw;margin-left: 2vw;">
					</image>
					<view class="uni-input t1">{{newSeeData[newSeeIndex]}}</view>
				</picker>
			</view>
			<view class="center_qb t23">广告信息</view>
			<view class="shuru">
				<text class="shuru_tit t1">广告标题</text>
				<input type="text" class="shuru_text t1" value="" v-model="adtit" placeholder="请输入广告标题" />
			</view>
			<view class="shuru">
				<text class="shuru_tit t1">广告内容</text>
				<input type="text" class="shuru_text t1" value="" v-model="adint" placeholder="请输入广告内容" />
			</view>
			<view class="shuru">
				<text class="shuru_tit t1" style="width: 60%;">广告类型</text>
				<picker @change="bindPickerChange2" :range="array2" class="shuru_text" style="width: 40%;float: right;">
					<image src="../../static/img/turn.png" mode="heightFix"
						style="height: 4vw;width: auto;display: block;float: right;margin-top: 3vw;margin-left: 2vw;">
					</image>
					<view class="uni-input t1">{{array2[index2]}}</view>
				</picker>
			</view>
			<view class="shuru">
				<text class="shuru_tit t1">单条广告价格（元）</text>
				<input type="digit" class="shuru_text t1" value="" v-model="adpri" @input="zonge"
					placeholder="请输入单条广告定价" />
			</view>
			<view class="baodan_zhu t1">
				<view class="baodan_tit1 t1" v-show="Inv==0">广告图片</view>
				<view class="baodan_tit t1" v-show="Inv==1">广告视频封面图片</view>
				<view class="uni-padding-wrap uni-common-mt baodan_into" @click="chooseImage">
					<block v-if="imageSrc!=''">
						<image :src="imageSrc" class="image baodan_into_image" mode="widthFix"></image>
					</block>
				</view>
			</view>
			<view class="baodan_zhu t1" v-show="Inv==1">
				<text class="shuru_tit t1" @click="chooseImage3">广告视频</text>
				<view class="shuru_text t1" @click="chooseImage3">
					<image src="/static/img/shangc.png" mode="heightFix"
						style="height:7vw;width: 7vw;display: block;float: right; margin-top: 2vw;"> </image>
				</view>
				<view class="uni-padding-wrap uni-common-mt baodan_into" v-show="videos">
					<video :src="videos" class="image baodan_into_image"
						style="height: 40vw;width: 100%; margin: 0;z-index: 2;"></video>
				</view>
				<text class="shuru_tit t12" @click="chooseImage3" style="width: 100%;height: auto;padding: 1vw 0;line-height: 6vw;">注：广告视频不能超过60M，或不能大于30s，否则文件过大，上传失败</text>
			</view>
			<!-- <view class="shuru">
				<text class="shuru_tit t1">广告投放所属等级</text>
				<picker @change="bindPickerChange" :range="array" range-key="value" class="shuru_text t1"
					style="width: 40%;float: right;">
					<image src="../../static/img/turn.png" mode="heightFix"
						style="height: 4vw;width: auto;display: block;float: right;margin-top: 3vw;margin-left: 2vw;">
					</image>
					<view class="uni-input t1">{{array[dengji].value}}</view>
				</picker>
			</view> -->
			<!-- <view class="shuru">
				<text class="shuru_tit t1">广告投放所属等级</text>
				<picker @change="bindPickerChange" :range="array" range-key="value" class="shuru_text t1"
					style="width: 40%;float: right;">
					<image src="../../static/img/turn.png" mode="heightFix"
						style="height: 4vw;width: auto;display: block;float: right;margin-top: 3vw;margin-left: 2vw;">
					</image>
					<view class="uni-input t1">{{array[dengji].value}}</view>
				</picker>
			</view> -->
			<view class="center_qb t23" style="margin-top: 4vw;">广告投放地址</view>
			<view class="shuru">
				<text class="shuru_tit t1" style="width:40%;display: block;float: left;height: auto;">广告投放所属地区</text>
				<picker mode="multiSelector" @columnchange="bindMultiPickerColumnChange1" :value="dmultiIndex"
					:range="dmultiArray" style="text-align: right;width: 100%;">
					<view class="uni-input shuru_text2 t1" v-if="diqu!=''"
						style="width: 50%;display: block;float: right;height: auto;margin-right: 0;text-align: right;">
						{{diqu}}
					</view>
					<view class="uni-input shuru_text2 t1" v-if="diqu==''"
						style="display: block;float: right;width: 50%;height: auto;margin-right: 0;text-align: right;">
						{{dmultiArray[0][dmultiIndex[0]]}}，{{dmultiArray[1][dmultiIndex[1]]}}，{{dmultiArray[2][dmultiIndex[2]]}}，{{dmultiArray[3][dmultiIndex[3]]}}
					</view>

				</picker>
			</view>
			<!-- <view class="shuru">
				<text class="shuru_tit t1" style="width:40%;">广告投放所在小区</text>
				<picker @change="dbindPickerChange" :value="communitys" :range="darray" class="shuru_text2 t1"
					style="line-height:10vw;text-align: right;display: block;float: right;width: 50%;overflow: hidden;height: 10vw;" range-key="name" v-if="communitys!=''">{{darray[dindex].name}}
				</picker>
				<input type="text" class="shuru_text t1" value="" v-model="community" placeholder="请输入所在小区"
					v-if="communitys==''" />
			</view> -->
			<view class="shuru" style="height: auto;">
				<text class="shuru_tit t1">广告投放详细位置</text>
				<text class="shuru_text2 t1" @click="dingwei()">{{adrname}}
					<!-- <image src="../../static/img/turn.png" mode="heightFix"
						style="height: 4vw;width: auto;display: block;float: right;margin-top: 3vw;margin-left: 2vw;">
					</image> -->
				</text>
			</view>
			<view class="shuru">
				<text class="shuru_tit t1">广告投放详细地址</text>
				<input type="text" class="shuru_text t1" value="" v-model="xxdz" placeholder="xx大厦x层xxxx室" />
			</view>
			<view class="shuru">
				<text class="shuru_tit t1">投放范围(km)</text>
				<input type="number" class="shuru_text t1" value="" v-model="distance" placeholder="请输入投放范围" />
			</view>

			<!-- 	<view v-if="news">
				<view class="center_qb t23" style="margin-top: 4vw;">购买广告</view>
				
				<view class="shuru">
					<text class="shuru_tit t1">购买条数</text>
					<input type="number" value="" placeholder="请输入购买条数" @input="zonge" class="shuru_text t1"
						v-model="lilv" />
				</view>
				<view class="shuru">
					<text class="shuru_tit t1">管理费费率（%）</text>
					<text class="shuru_text t1">{{feilv}}</text>
				</view>
				<view class="shuru">
					<text class="shuru_tit t1">需支付金额</text>
					<text class="shuru_text t1">{{money}}元</text>
				</view>
				<view class="shuru">
					<text class="shuru_tit t1">支付方式</text>
					<view class="xuan_li t1" @click="types(1)" :class="[typen==1?'act':'']">
						<image src="../../static/img/wx.png" mode="widthFix"></image>微信
					</view>
					<view class="xuan_li t1" @click="types(2)" :class="[typen==2?'act':'']">
						<image src="../../static/img/zfb.png" mode="widthFix"></image>支付宝
					</view>
				</view>
			</view> -->
		</view>
		<view class="tuic t2" @click="zhuanru()" style="margin-bottom: 10vw;">{{but}}</view>
		<!-- <view class="bai t13" style="padding: 2vw 5%;" v-if="infos">错误提示：{{infos}}</view> -->
		<view class="bai t13" style="height: 12vw;"></view>
	</view>
</template>

<script>
	import regionWindow from '@/components/region-window/index.vue'
	export default {
		components: {
			regionWindow
		},
		// methods: {

		// },
		//    }
		// export default {
		data() {
			return {
				but: '下一步',
				Inv: 0,
				array1: ['否', '收集信息', '销售'],
				
				newSeeIndex: 1,
				newSeeData: [ "是","否" ],
				newSeeId: 2,
				
				mainid: '',
				imageSrc: '',
				imageSrc1: '',
				imageSrcid: '',
				imageSrcid1: '',
				videos: '',
				videosid: '',
				videosid1: '',
				dindex: 0,
				index1: 0,
				longitude: '',
				latitude: '',
				adrname: '',
				longitude1: '',
				latitude1: '',
				diqu: '',
				adpri: '',
				adint: '',
				adtit: '',
				adpri1: '',
				adint1: '',
				adtit1: '',
				id: '',
				checks: true,
				switch1: 0,
				switch2: 0,
				switch11: 0,
				switch21: 0,
				dnui1: [],
				dnui2: [],
				dnui3: [],
				dnui4: [],
				dmultiArray: [
					[],
					[],
					[],
					[],
				],
				xxdz: '',
				darray: [],
				dmultiIndex: [0, 0, 0, 0],
				dpickerid1: '',
				dpickerid2: '',
				dpickerid3: '',
				dpickerid4: '',
				array: [{
					value: '无限',
					type: '0'
				}, {
					value: '省',

					type: '1'
				}, {
					value: '市',
					type: '2'
				}, {
					value: '区',
					type: '3'
				}, {
					value: '街道',
					type: '4'
				}, {
					value: '小区',
					type: '5'
				}],
				array2: ['图片', '视频'],
				index2: 0,
				distance: '',
				distance1: '',
				dengji: 0,
				pid: '',
				cid: '',
				qid: '',
				xid: '',
				aid: '',
				aname: '',
				adrid: '',
				communitys: '',
				community: '',
				dpid: '',
				provinceId: '',
				cityId: '',
				districtId: '',
				areaId: '',
				xxdz1: '',
				news: false,
				lilv: '',
				typen: 1,
				money: 0,
				feilv: 0,
				userType: 99
			}
		},
		onLoad(options) {
			var _this = this;
			if (options.id) {
				uni.setNavigationBarTitle({
					title: "广告详情"
				});
				console.log(options);
				_this.id = options.id;
				_this.info();
				setTimeout(function() {
					_this.peizhiinfo();
				}, 1000)
				_this.news = false;
			} else {
				uni.setNavigationBarTitle({
					title: "发布广告"
				});
				_this.news = true;
			}
			uni.getStorage({
				key: 'user',
				success: function(res) {
					_this.mainid = res.data.id;
					_this.getApiUserInfo()
				}
			});
			_this.dadr();
			// _this.feil();
		},
		onShow() {},
		methods: {
			//获取后台用户信息
			getApiUserInfo() {
				var that = this;
				uni.request({
					header: {
						'Content-Type': 'application/json', //自定义请求头信息
					},
					url: getApp().globalData.url + 'user/myInfo/' + that.mainid, //仅为示例，并非真实接口地址。
					method: 'POST',
					success: (res) => {
						console.log('个人信息 publish：', res);
						that.userType = res.data.data.type
					},
					fail: (error) => {
						// this.checks = true
						console.log(error)
					}
				});
			},
			openRegion() {
				this.$refs.region.open()
			},
			zonge() {
				// console.log(111);
				var lilvs = this.feilv / 100 + 1; //管理费+广告费
				// console.log(lilvs);
				var zongs = this.adpri * this.lilv * lilvs;
				this.money = zongs.toFixed(2);
			},
			types(e) {
				console.log(e);
				this.typen = e;
			},
			myTeam(type) {
				var _this = this;
				_this.Inv = type;
			},
			info() {
				var _this = this;
				uni.request({
					header: {
						'Content-Type': 'application/x-www-form-urlencoded', //自定义请求头信息
					},//getApp().globalData.url
					url: getApp().globalData.url + 'ad/getAd/' + _this.id, //仅为示例，并非真实接口地址。
					method: 'GET',
					data: {
						id: _this.id, //	用户ID（mainId）		true	string
					},
					success: (res) => {
						console.log(res);
						if (res.data.status == '200') {
							_this.adtit = res.data.data.title;
							_this.adint = res.data.data.content;
							_this.adpri = res.data.data.amount / 100;
							_this.switch1 = res.data.data.sell;
							_this.switch2 = res.data.data.collect;
							_this.imageSrcid = res.data.data.picId;
							_this.videosid = res.data.data.videoId;
							// _this.imageSrcid=options.adimg;
							// console.log(options.videoId);

							_this.adtit1 = res.data.data.title;
							_this.adint1 = res.data.data.content;
							_this.adpri1 = res.data.data.amount / 100;
							_this.imageSrcid1 = res.data.data.picId;
							_this.videosid1 = res.data.data.videoId;
							_this.switch11 = res.data.data.sell;
							_this.switch21 = res.data.data.collect;
							_this.Inv = res.data.data.type;
							// console.log(options.type);
							// console.log(_this.Inv);
							if (res.data.data.sell == 1) {
								_this.index1 = 1
							} else if (res.data.data.collect == 1) {
								_this.index1 = 2
							}
							_this.but = '修改';
							_this.tup(res.data.data.picId, '0');
							_this.tup(res.data.data.videoId, '1');
						}
					},
					fail: (error) => {
						console.log(error)
					}
				});
			},

			peizhiinfo() {
				var _this = this;
				uni.request({
					header: {
						'Content-Type': 'application/x-www-form-urlencoded', //自定义请求头信息
					},
					url: getApp().globalData.url + 'ad/getAdConfig/' + _this.id, //仅为示例，并非真实接口地址。
					method: 'GET',
					data: {
						id: _this.id, //	用户ID（mainId）		true	string
					},
					success: (res) => {
						console.log(res);
						if (res.data.status == '200') {
							// _this.dengji = res.data.data.level;
							_this.dpid = res.data.data.addressVO.id;
							_this.latitude = res.data.data.addressVO.lat;
							_this.longitude = res.data.data.addressVO.lon;
							_this.latitude1 = res.data.data.addressVO.lat;
							_this.longitude1 = res.data.data.addressVO.lon;
							_this.xxdz = res.data.data.addressVO.name;
							_this.xxdz1 = res.data.data.addressVO.name;
							_this.adrname = res.data.data.addressVO.address;
							_this.adrname1 = res.data.data.addressVO.address;
							_this.dpickerid2 = res.data.data.addressVO.city.id;
							_this.dpickerid3 = res.data.data.addressVO.area.id;
							_this.dpickerid1 = res.data.data.addressVO.province.id;
							_this.dpickerid4 = res.data.data.addressVO.street.id;
							for (var i = 0; i < _this.dnui1.length; i++) {
								if (_this.dnui1[i].id == _this.dpickerid1) {
									// console.log(_this.dnui1[i].id);
									_this.dmultiIndex[0] = i;
									console.log(_this.dmultiIndex);
								}
							}
							this.$forceUpdate();
							// console.log(_this.dpickerid1,_this.dpickerid2,_this.dpickerid3,_this.dpickerid4);
							_this.dadr1();
							_this.distance = res.data.data.distance;
						}
					},
					fail: (error) => {
						console.log(error)
					}
				});
			},


			// 选择是否加其他链接
			bindPickerChange1: function(e) {
				var that = this;
				var ii = e.detail.value;
				that.index1 = ii;
				 console.log(ii);
				if (ii == 0) {
					that.switch1 = 0;
					that.switch2 = 0;
				} else if (ii == 1) {
					that.switch1 = 1;
					that.switch2 = 0;
				} else {
					that.switch1 = 0;
					that.switch2 = 1;
					if (that.news) {
						this.but = '下一步'
					}
				}
				console.log(that.switch1, that.switch2);
			},
			bindPickerChange: function(e) {
				// console.log(e);
				this.index1 = e.detail.value
				console.log(this.index1);
				this.dengji = this.array1[this.index1].type;
			},
			bindPickerChange2: function(e) {
				this.Inv = e.detail.value
				this.index2 = e.detail.value
			},
			newSeeChange(e){
				console.log("newSeeChange: ", e);
				this.newSeeIndex = e.detail.value
				this.newSeeId = parseInt(this.newSeeIndex) + 1
				console.log("this.newSeeId",this.newSeeId);
			},
			dbindPickerChange: function(e) {
				// console.log(e);
				this.dindex = e.detail.value
				console.log(this.dindex);
				// this.community = this.darray[this.dindex].name;
				this.communitys = this.darray[this.dindex].name;
				if (this.dindex == this.darray.length - 1) {
					this.communitys = '';
					this.community = '';
					console.log(this.communitys);
					console.log(this.community);
				}
			},
			bindMultiPickerColumnChange1: function(e) {
				var _this = this;
				// _this.diqu = '';
				_this.dmultiIndex[e.detail.column] = e.detail.value;
				_this.diqu = '';
				if (e.detail.column == 0) {
					_this.dpickerid1 = _this.dnui1[e.detail.value].id;
					_this.dpickerid2 = '';
					_this.dpickerid3 = '';
					_this.dpickerid4 = '';
					// _this.provinceId = _this.dnui1[e.detail.value].id;
					_this.dmultiIndex = [e.detail.value, 0, 0, 0];
					_this.dadr1();
				} else if (e.detail.column == 1) {
					_this.dpickerid2 = _this.dnui2[e.detail.value].id;
					_this.dpickerid3 = '';
					_this.dpickerid4 = '';
					// _this.cityId = _this.dnui2[e.detail.value].id;
					_this.dmultiIndex[2] = 0;
					_this.dmultiIndex[3] = 0;
					// _this.bizAddressCode = _this.dnui2[e.detail.value].id;
					// console.log(_this.bizAddressCode)
					_this.dadr2();
				} else if (e.detail.column == 2) {
					_this.dpickerid3 = _this.dnui3[e.detail.value].id;
					// _this.districtId = _this.dnui3[e.detail.value].id;
					_this.dpickerid4 = '';
					_this.dmultiIndex[3] = 0;
					_this.dadr3();
				} else if (e.detail.column == 3) {
					_this.dmultiIndex[3] = e.detail.value;
					// console.log(e.detail.value);
					console.log(_this.dmultiIndex[3]);
					_this.dpickerid4 = _this.dnui4[e.detail.value].id;
					// _this.areaId = _this.dnui4[e.detail.value].id;
					// _this.communitys = '1';
					// console.log(e.detail.column);
					// console.log(_this.communitys);
					// _this.dmultiIndex[3] = 0;
					_this.darray = [{
						'name': '',
						'id': ''
					}];
					_this.xiaoqu();
				}
				this.$forceUpdate()
			},
			dadr() {
				var _this = this;
				uni.request({
					header: {
						'Content-Type': 'application/x-www-form-urlencoded', //自定义请求头信息
					},
					url: getApp().globalData.url + 'area/areaList/', //仅为示例，并非真实接口地址。
					method: 'POST',
					data: {
						parentId: ''
					},
					success: (res) => {
						if (res.data.status == '200') {
							_this.dnui1 = res.data.data;
							for (var i = 0; i < res.data.data.length; i++) {
								_this.dmultiArray[0].push(res.data.data[i].name);
							}
							_this.dpickerid1 = res.data.data[0].id;
							// _this.pid = res.data.data[0].id;
							_this.dadr1();
						}
					},
					fail: (error) => {
						console.log(error)
					}
				});
			},
			dadr1() {
				var _this = this;
				uni.request({
					header: {
						'Content-Type': 'application/x-www-form-urlencoded', //自定义请求头信息
					},
					url: getApp().globalData.url + 'area/areaList/' + _this.dpickerid1, //仅为示例，并非真实接口地址。
					method: 'POST',
					data: {
						parentId: _this.dpickerid1 //	用户ID（mainId）
					},
					success: (res) => {
						if (res.data.status == '200') {
							_this.dnui2 = res.data.data;
							var list = [];
							for (var i = 0; i < res.data.data.length; i++) {
								list.push(res.data.data[i].name);
							}
							this.dmultiArray.splice(1, 1, list)

							if (!_this.dpickerid2) {
								_this.dpickerid2 = res.data.data[0].id;
							} else {
								for (var i = 0; i < _this.dnui2.length; i++) {
									if (_this.dpickerid2 == _this.dnui2[i].id) {
										// console.log(_this.dnui2[i].id);console.log(i);
										_this.dmultiIndex[1] = i;
									}
								}
							}
							// _this.dpickerid2 = res.data.data[0].id;
							// _this.cid = res.data.data[0].id;
							_this.dadr2();
						}
					},
					fail: (error) => {
						console.log(error)
					}
				});
			},
			dadr2() {
				var _this = this;
				uni.request({
					header: {
						'Content-Type': 'application/x-www-form-urlencoded', //自定义请求头信息
					},
					url: getApp().globalData.url + 'area/areaList/' + _this.dpickerid2, //仅为示例，并非真实接口地址。
					method: 'POST',
					data: {
						parentId: _this.dpickerid2 //	用户ID（mainId）
					},
					success: (res) => {
						if (res.data.status == '200') {
							if (res.data.data) {
								_this.dnui3 = res.data.data;
								var list = [];
								for (var i = 0; i < res.data.data.length; i++) {
									list.push(res.data.data[i].name);
								}
								this.dmultiArray.splice(2, 1, list)

								if (!_this.dpickerid3) {
									_this.dpickerid3 = res.data.data[0].id;
								} else {
									for (var i = 0; i < _this.dnui3.length; i++) {
										if (_this.dpickerid3 == _this.dnui3[i].id) {
											// console.log(_this.dnui2[i].id);console.log(i);
											_this.dmultiIndex[2] = i;
										}
									}
								}
								// _this.qid = res.data.data[0].id;
								// _this.dpickerid3 = res.data.data[0].id;
								// _this.districtId = res.data.data[0].id;
								_this.dadr3();
								// console.log(_this.bizAddressCode);
							}
						}
					},
					fail: (error) => {
						console.log(error)
					}
				});
			},
			dadr3() {
				var _this = this;
				uni.request({
					header: {
						'Content-Type': 'application/x-www-form-urlencoded', //自定义请求头信息
					},
					url: getApp().globalData.url + 'area/areaList/' + _this.dpickerid3, //仅为示例，并非真实接口地址。
					method: 'POST',
					data: {
						parentId: _this.qid //	用户ID（mainId）
					},
					success: (res) => {
						if (res.data.status == '200') {
							// console.log(res.data.data);
							if (res.data.data) {
								_this.dnui4 = res.data.data;
								var list = [];
								for (var i = 0; i < res.data.data.length; i++) {
									list.push(res.data.data[i].name);
								}
								_this.dmultiArray.splice(3, 1, list)
								if (!_this.dpickerid4) {
									_this.dpickerid4 = res.data.data[0].id;
								} else {
									for (var i = 0; i < _this.dnui4.length; i++) {
										if (_this.dpickerid4 == _this.dnui4[i].id) {
											// console.log(_this.dnui2[i].id);console.log(i);
											_this.dmultiIndex[3] = i;
										}
									}
								}
								// _this.xid = res.data.data[0].id;
								// _this.dpickerid4 = res.data.data[0].id;
								// console.log(_this.dpickerid4);
								// _this.xiaoqu();
							}
						}
					},
					fail: (error) => {
						console.log(error)
					}
				});
			},
			xiaoqu() {
				var _this = this;
				// console.log(_this.dpickerid4);
				uni.request({
					header: {
						'Content-Type': 'application/x-www-form-urlencoded', //自定义请求头信息
					},
					url: getApp().globalData.url + 'area/communityList/' + _this.dpickerid4, //仅为示例，并非真实接口地址。
					method: 'POST',
					data: {
						streetId: _this.dpickerid4
					},
					success: (res) => {
						console.log(res.data.data);

						_this.dindex = 0;
						_this.communitys = '';
						if (res.data.status == '200') {
							if (res.data.data.length > 0) {
								_this.communitys = '1';
								_this.community = '';
								// console.log(res.data.data);
								var list = [];
								for (var i = 0; i < res.data.data.length; i++) {
									list.push(res.data.data[i]);
								}
								// _this.aname=res.data.data[0].name;
								var allno = {
									name: '以上都不在范围内',
									id: '00'
								};
								list.push(allno);
								_this.darray = list;
								if (_this.id == '') {
									_this.community = res.data.data[0].name;
								}
							} else {
								_this.communitys = '';
							}
						}
					},
					fail: (error) => {
						console.log(error)
					}
				});
			},
			async requestAndroidPermission(permisionID) {
				var result = await permision.requestAndroidPermission(permisionID)
				var strStatus
				if (result == 1) {
					strStatus = "已获得授权"
				} else if (result == 0) {
					strStatus = "未获得授权"
					uni.showModal({
						content: '您已拒绝获取定位权限，请到设置中去打开此权限',
						showCancel: false
					});
				} else {
					uni.showModal({
						content: '您已拒绝获取定位权限，请到设置中去打开此权限',
						showCancel: false
					});
				}
			},
			dingwei() {
				var that = this;
				that.requestAndroidPermission('android.permission.ACCESS_FINE_LOCATION');
				uni.chooseLocation({
					success: function(res) {
						console.log('位置名称：' + res.name);
						console.log('详细地址：' + res.address);
						console.log('纬度：' + res.latitude);
						console.log('经度：' + res.longitude);
						that.adrname = res.address;
						// that.mdxxdz = res.name;
						that.latitude = res.latitude;
						that.longitude = res.longitude;
					}
				});
			},
			chooseImage3: function() {
				var _this = this;
				uni.chooseVideo({
					count: 1,
					sizeType: ['compressed'],
					compressed:false,
					maxDuration:40,
					sourceType: ['camera', 'album'],
					success: function(res) {
						var src = res.tempFilePath;
						console.log('选择视频结果：',res);
						if(res.duration > 40){
							this.toast('视频时间超过40秒,无法上传');
						}else if (res.size > 62914560) {
							this.toast('视频体积超过60M,无法上传');
						} else{
							var uploadTask = uni.uploadFile({//getApp().globalData.url
								url:getApp().globalData.url+ 'file/upload',
								filePath: src,
								name: 'file',
								fileType: 'video',
								formData: {},
								success: function(uploadFileRes) {
									console.log('uploadFileRes:',uploadFileRes);
									if (uploadFileRes.statusCode == '200') {
										var datamain = JSON.parse(uploadFileRes.data);
										console.log(datamain);
										var url = datamain.data.domain + datamain.data.localPath;
										_this.videos = url;
										_this.videosid = datamain.data.id;
										console.log(_this.videosid)
							
									}else{
										console.log('上传失败...')
										uni.showToast({
											title: '上传失败',
											icon: 'none',
											duration: 1000
										})
									}
								}
							});
						}
					},
					error: function(e) {
						console.log(e);
						uni.showToast({
							title: '上传失败',
							icon: 'none',
							duration: 1000
						})
					}
				});
			},
			chooseImage: function() {
				var _this = this;
				uni.chooseImage({
					count: 1,
					sizeType: ['compressed'],
					sourceType: ['album'],
					success: function(res) {
						console.log(res);
						var tempFilePaths = res.tempFilePaths;
						// console.log(tempFilePaths);
						_this.imageSrc = tempFilePaths[0];
						var uploadTask = uni.uploadFile({
							url: getApp().globalData.url + 'file/upload',
							filePath: tempFilePaths[0],
							name: 'file',
							formData: {},
							success: function(uploadFileRes) {
								console.log(uploadFileRes);
								var datamain = JSON.parse(uploadFileRes.data);
								console.log(datamain);
								if (datamain.status == 200) {
									var url = datamain.data.domain + datamain.data.localPath;
									_this.imageSrc = url;
									_this.imageSrcid = datamain.data.id;
									console.log(url);
									console.log(_this.videosid)
								} else {
									uni.showToast({
										title: datamain.msg,
										icon: 'none',
										duration: 1000
									})
								}
							}
						});

					},
					error: function(e) {
						console.log(e);
						uni.showToast({
							title: '上传失败',
							icon: 'none',
							duration: 1000
						})
					}
				});

			},
			tup(id, v) {
				var _this = this;
				uni.request({
					header: {
						'Content-Type': 'application/json', //自定义请求头信息
					},
					url: getApp().globalData.url + 'file/getFile', //仅为示例，并非真实接口地址。
					method: 'POST',
					data: {
						id: id
					},
					success: (res) => {
						console.log(res);
						uni.hideLoading(); //关闭加载动画
						if (res.data.status == '200') {
							if (v == 1) {
								_this.videos = res.data.data.domain + res.data.data.localPath; //产品图片
								console.log(_this.videos);
							} else {
								_this.imageSrc = res.data.data.domain + res.data.data.localPath; //产品图片
								console.log(_this.imageSrc);
							}
						}
					},
					fail: (error) => {
						// this.checks = true
						console.log(error)
					}
				});
			},
			// 平台管理费费率
			feil() {
				var _this = this;
				uni.request({
					header: {
						'Content-Type': 'application/json', //自定义请求头信息
					},
					url: getApp().globalData.url + 'mch/getDefaultAdSellPlatServiceProportion', //仅为示例，并非真实接口地址。
					method: 'POST',
					data: {
						// id: id
					},
					success: (res) => {
						console.log(res);
						uni.hideLoading(); //关闭加载动画
						if (res.data.status == '200') {
							_this.feilv = Number(res.data.data) / 100; //产品图片
						}
					},
					fail: (error) => {
						// this.checks = true
						console.log(error)
					}
				});
			},
			zhuanru() {
				var _this = this;
				if (_this.checks === false) {
					return false
				}
				// console.log(_this.videosid, _this.videosid1, _this.switch2, _this.switch21, _this.switch1, _this.switch11,
				// 	_this.longitude, _this.longitude, _this.latitude, _this.latitude1, _this.xxdz, _this.xxdz1);
				// console.log(_this.cityId, _this.cid, _this.provinceId, _this.pid, _this.districtId, _this.qid, _this
				// 	.areaId, _this.xid);
				// console.log(_this.adpri, _this.adpri1, _this.adint, _this.adint1, _this.imageSrcid, _this.imageSrcid1,
				// 	_this.adtit, _this.adtit1);
				// if (_this.id != '' && _this.Inv == 0) {
				// 	if (_this.adpri == _this.adpri1 & _this.adint == _this.adint1 & _this.imageSrcid == _this.imageSrcid1 &
				// 		_this.adtit == _this.adtit1 & _this.switch2 == _this.switch21 & _this.switch1 == _this.switch11 &
				// 		_this.longitude == _this.longitude1 & _this.latitude == _this.latitude1 & _this.xxdz == _this
				// 		.xxdz1 & _this.provinceId == _this.pid & _this.cityId == _this.cid & _this.districtId == _this
				// 		.qid & _this.areaId == _this.xid&_this.distance==_this.distance1) {
				// 		uni.showToast({
				// 			title: '内容无任何修改',
				// 			icon: 'none',
				// 			duration: 2000
				// 		});
				// 		return false
				// 	}
				// } else if (_this.id != '' && _this.Inv == 1) {
				// 	if (_this.adpri == _this.adpri1 & _this.adint == _this.adint1 & _this.imageSrcid == _this.imageSrcid1 &
				// 		_this.adtit == _this.adtit1 & _this.videosid == _this.videosid1 & _this.videosid != '' & _this
				// 		.switch2 == _this.switch21 & _this.switch1 == _this.switch11 & _this.longitude == _this
				// 		.longitude1 & _this.latitude == _this.latitude1 & _this.xxdz == _this.xxdz1 & _this.provinceId ==
				// 		_this.pid & _this.cityId == _this.cid & _this.districtId == _this.qid & _this.areaId == _this.xid &
				// 		_this.distance==_this.distance1) {
				// 		uni.showToast({
				// 			title: '内容无任何修改',
				// 			icon: 'none',
				// 			duration: 2000
				// 		});
				// 		return false
				// 	}
				// }
				// return;
				if (!_this.adtit) {
					uni.showToast({
						title: '请输入广告标题',
						icon: 'none',
						duration: 2000
					});
					return false
				}
				if (!_this.adint) {
					uni.showToast({
						title: '请输入广告内容',
						icon: 'none',
						duration: 2000
					});
					return false
				}
				if (!_this.adpri) {
					uni.showToast({
						title: '请输入单条广告定价',
						icon: 'none',
						duration: 2000
					});
					return false
				}
				var fileId = '';
				if (_this.Inv == 0) {
					if (!_this.imageSrcid) {
						uni.showToast({
							title: '请上传广告图片',
							icon: 'none',
							duration: 2000
						});
						return false
					}
				} else {
					if (!_this.imageSrcid) {
						uni.showToast({
							title: '请上传视频封面图片',
							icon: 'none',
							duration: 2000
						});
						return false
					}
					if (!_this.videosid) {
						uni.showToast({
							title: '请上传视频',
							icon: 'none',
							duration: 2000
						});
						return false
					}
				}
				// if (_this.dengji == 5) {
				// if (_this.communitys == '' && _this.community == '') {
				// 	uni.showToast({
				// 		title: '请选择或输入广告投放所属小区',
				// 		icon: 'none',
				// 		duration: 2000
				// 	});
				// 	return false
				// }
				// }
				if (!_this.latitude) {
					uni.showToast({
						title: '请选择广告投放详细位置',
						icon: 'none',
						duration: 2000
					});
					return false
				}
				if (!_this.distance) {
					uni.showToast({
						title: '请输入投放范围',
						icon: 'none',
						duration: 2000
					});
					return false
				}
				// if (Number(_this.adpri) < 0.3) {
				// 	uni.showToast({
				// 		title: '单条广告定价不能低于0.3元',
				// 		icon: 'none',
				// 		duration: 2000
				// 	});
				// 	return false
				// }
				// if (_this.news) {

				// 	if (!_this.lilv) {
				// 		uni.showToast({
				// 			title: '请输入购买条数',
				// 			icon: 'none',
				// 			duration: 2000
				// 		});
				// 		return false
				// 	}
				//var t='^[0-9]*[1-9][0-9]*$'; //正整数
				// if (!_this.lilv) {
				// 	uni.showToast({
				// 		title: '请输入购买条数',
				// 		icon: 'none',
				// 		duration: 2000
				// 	});
				// 	return false
				// }
				// if (!(/(^[1-9]\d*$)/.test(_this.lilv))) {
				// 	uni.showToast({
				// 		title: '购买条数必须大于0',
				// 		icon: 'none',
				// 		duration: 2000
				// 	});
				// 	return false
				// }
				// }
				// return;
				_this.checks = false;
				// console.log(_this.adpri * 100);
				_this.toufang();

			},
			//广告投放地址
			adrchange() {
				var _this = this;
				// var qname = '';
				// if (_this.communitys) {
				// 	qname = _this.communitys;
				// } else if (_this.community) {
				// 	qname = _this.community;
				// }
				// console.log(_this.xxdz, _this.dpickerid3, _this.dpickerid2, _this.dpid, _this.latitude, _this.longitude, _this.adrname, _this.dpickerid1, _this.dpickerid4);
				uni.request({
					header: {
						'Content-Type': 'application/json', //自定义请求头信息
					},
					url: getApp().globalData.url + 'area/saveOrUpdateLatLon', //仅为示例，并非真实接口地址。
					method: 'POST',
					data: {
						address: _this.adrname, ////	详细地址		false	string
						areaId: _this.dpickerid3, //	区		false	string
						cityId: _this.dpickerid2, //	市		false	string
						id: _this.dpid, //	id		false	string
						lat: _this.latitude, //'36.461843', //	纬度		false	string
						lon: _this.longitude, //'116.043516',//	经度		false	string
						name: _this.xxdz, //	小区名		false	string
						provinceId: _this.dpickerid1, //	省		false	string
						streetId: _this.dpickerid4,
					},
					success: (res) => {
						console.log(res);
						// uni.hideLoading(); //关闭加载动画
						_this.checks = true
						if (res.data.status == '200') {
							_this.peizhi(res.data.data);
							// _this.peizhi(res.data.data);
						}
					},
					fail: (error) => {
						uni.hideLoading();
						this.checks = true
						console.log(error)
						let str = "";
						for (var a in error.data.data) str += error.data.data[a] + ";\n";
						uni.showToast({
							title: str,
							icon: 'none',
							duration: 3000
						});
					}
				});
			},
			//广告总配置
			peizhi(addressId) {
				var _this = this;
				uni.showLoading();
				console.log(addressId);
				console.log(_this.id);
				console.log(_this.distance);
				uni.request({
					header: {
						'Content-Type': 'application/json', //自定义请求头信息
					},
					url: getApp().globalData.url + 'ad/saveOrUpdateAdConfig', //仅为示例，并非真实接口地址。
					method: 'POST',
					data: {
						addressId: addressId, //'1384413963656228865',//	地址Id		false							string
						distance: _this.distance, //'1384413963656228865',//	地址Id		false							string
						id: _this.id, //'1382965821622464513',//	id		false							string
						//	level: _this.dengji, //'0',//	范围		false
					},
					success: (res) => {
						console.log(res);
						uni.hideLoading(); //关闭加载动画
						_this.checks = true
						if (res.data.status == '200') {

							if (_this.news == false) {
								uni.showToast({
									title: '修改成功',
									icon: 'none',
									duration: 2000
								});
								setTimeout(function() {
									uni.navigateBack({
										delta: 1
									})
								}, 2000)
							} else {
								// _this.tianjia();
								if(_this.switch2==1){
									//购买类型的广告跳转
									uni.navigateTo({
										url: "/pages/ad/ad_pro?id=" + _this.id + '&amount=' + _this.adpri
									});
								}else{
									//展示和采集信息类型的广告跳转
									uni.navigateTo({
										url: "/pages/ad/ad_goumai?id=" + _this.id + '&amount=' + _this.adpri+'&isnew='+1
									});
								}

								// if (ii == 0) {
								// 	that.switch1 = 0;
								// 	that.switch2 = 0;
								// } else if (ii == 1) {
								// 	that.switch1 = 1;
								// 	that.switch2 = 0;
								// } else {
								// 	that.switch1 = 0;
								// 	that.switch2 = 1;
								// }
								// uni.showToast({
								// 	title: '提交成功',
								// 	icon: 'none',
								// 	duration: 2000
								// });
								// setTimeout(function() {
								// uni.navigateBack({
								// 	delta: 1
								// })
								// }, 2000)
							}
						} else if (res.data.status == '501') {
							let str = "";
							for (var a in res.data.data) str += res.data.data[a] + ";\n";
							uni.showToast({
								title: str,
								icon: 'none',
								duration: 3000
							});
						}
					},
					fail: (error) => {
						uni.hideLoading();
						this.checks = true
						console.log(error)
						let str = "";
						for (var a in error.data.data) str += error.data.data[a] + ";\n";
						uni.showToast({
							title: str,
							icon: 'none',
							duration: 3000
						});
					}
				});
			},

			//添加投放广告信息
			toufang() {
				var _this = this;
				// console.log(this.adpri, _this.mainid, _this.switch1, _this.adint, _this.id, _this.imageSrcid, _this
				// 	.switch2, _this.adtit, _this.Inv, _this.videosid);
				if (_this.Inv == '0') {
					_this.videosid = '';
				}
				// let appid = 
				var data={
						amount: _this.adpri * 100, //	单条价格		false	integer
						belongId: _this.mainid, //	所属人		false	string
						collect: _this.switch1, //	是否收集		false	integer
						content: _this.adint, //	广告内容		false	string   //createdTime: _this.adpri, //	创建时间		false	string
						id: _this.id, //	id		false	string
						picId: _this.imageSrcid, //	广告图片		false	string
						sell: _this.switch2, //	是否销售		false	integer    //status: _this.adpri, //	状态		false	integer
						title: _this.adtit, //	标题		false	string
						newUser :_this.newSeeId,
						type: _this.Inv, //	类型		false	integer
						videoId: _this.videosid, //	视频内容
					};
					console.log('发布广告参数：',data)
				uni.request({
					header: {
						'Content-Type': 'application/json', //自定义请求头信息
					},
					url: getApp().globalData.url + 'ad/saveOrUpdateAd', //仅为示例，并非真实接口地址。
					method: 'POST',
					data: data,
					success: (res) => {
						console.log('发布广告请求结果：',res);
						// uni.hideLoading(); //关闭加载动画
						_this.checks = true
						if (res.data.status == '200') {
							_this.id = res.data.data.id;
							_this.adrchange();
						} else if (res.data.status == '500') {

							uni.showToast({
								title: res.data.msg,
								icon: 'none',
								duration: 2000
							});
						} else if (res.data.status == '501') {
							let str = "";
							for (var a in res.data.data) str += res.data.data[a] + ";\n";
							uni.showToast({
								title: str,
								icon: 'none',
								duration: 3000
							});
						}
					},
					fail: (error) => {
						uni.hideLoading();
						this.checks = true
						console.log(error)
						let str = "";
						for (var a in error.data.data) str += error.data.data[a] + ";\n";
						uni.showToast({
							title: str,
							icon: 'none',
							duration: 3000
						});
					}
				});
			},
			//购买条数获取订单信息
			tianjia() {
				var _this = this;
				uni.request({
					header: {
						'Content-Type': 'application/json', //自定义请求头信息
					},
					url: getApp().globalData.url + 'ad/buyAd', //仅为示例，并非真实接口地址。
					method: 'POST',
					data: {
						adId: _this.id, //		广告ID		true							string
						payerId: _this.mainid, //	用户ID（mainId）		true	string
						num: _this.lilv, //	购买条数		true	integer
						plat: '1', //	支付平台		true	integer 平台类型
						payType: _this.typen, //		支付方式		true	integer
					},
					success: (res) => {
						console.log(res.data);
						uni.hideLoading(); //关闭加载动画
						_this.checks = true
						if (res.data.status == '200') {
							//支付宝支付方式
							// _this.sures(res.data.data.trade.id);
							// return;
							// "id": "1410144495371137026",
							// "payerId": "1409673477653377026",
							// "payeeId": null,
							// "amount": 3300,
							// "status": 1,
							// "createdTime": null,
							// "payType": 2,
							// "type": 1,
							// "info": "{\"subject\":\"购买广告\",\"body\":\"购买招财阿咪广告（1410144399602593794）100条\"}"


							// _this.money = res.data.data.trade.amount/100;
							if (_this.typen == '1') {
								var orderInfo = res.data.data.third;
								var oid = res.data.data.trade.id;
								_this.infos = JSON.stringify(res.data.data.third);
								console.log(orderInfo);
								// 微信支付
								uni.requestPayment({
									provider: "wxpay",
									// timeStamp: JSON.stringify(orderInfo.timestamp),  
									//                   nonceStr: orderInfo.noncestr,  
									//                   package: orderInfo.package,  
									//                   signType:"MD5",  
									//                   paySign: orderInfo.sign,  
									//                   orderInfo: JSON.stringify({  
									//                       appid: orderInfo.appid,  
									//                       noncestr: orderInfo.noncestr,  
									//                       package: orderInfo.package,  
									//                       partnerid: orderInfo.partnerid,  
									//                       prepayid: orderInfo.prepayid,  
									//                       timestamp: orderInfo.timestamp,  
									//                       sign: orderInfo.sign,  
									//                   }), 
									orderInfo: orderInfo,
									success(e) {
										uni.showToast({
											title: '支付成功',
											icon: 'none',
											duration: 2000
										});
										// 支付成功之后，返回上一页刷新上一页面
										_this.sures(oid);
									},
									fail(e) {
										this.checks = true
										// _this.infos = _this.infos + JSON.stringify(e);
										console.log(e);
										uni.showToast({
											title: e.errMsg,
											icon: 'none',
											duration: 2000
										});
										// _this.succes(orderid);
									}
								})
							} else {
								_this.infos = JSON.stringify(res.data.data);
								var oid = res.data.data.trade.id;
								var orderInfo = res.data.data.third.body;
								// console.log(orderInfo);
								// 支付宝支付
								uni.requestPayment({
									provider: 'alipay',
									orderInfo: orderInfo, //支付宝订单数据
									success: function(res) {
										uni.showToast({
											title: '支付成功',
											icon: 'none',
											duration: 2000
										});
										setTimeout(function() {
											_this.sures(oid);
										}, 2000)
									},
									fail: function(err) {
										_this.checks = true
										uni.showToast({
											title: err.errMsg,
											icon: 'none',
											duration: 2000
										});
									}
								});
							}


						} else if (res.data.status == '501') {
							// var str=JSON.stringify(res.data.data);
							let str = "";
							for (var property in res.data.data) str += res.data.data[property] + ";\n";
							uni.showToast({
								title: str,
								icon: 'none',
								duration: 3000
							});
						} else {

							uni.showToast({
								title: res.data.msg,
								icon: 'none',
								duration: 2000
							});
						}
					},
					fail: (error) => {
						_this.checks = true
						console.log(error)
					}
				});
			},
			//确认广告购买
			sures(id) {
				console.log(id);
				uni.request({
					header: {
						'Content-Type': 'application/x-www-form-urlencoded', //自定义请求头信息
					},
					url: getApp().globalData.url + 'ad/callbackBuyAd/' + id, //仅为示例，并非真实接口地址。
					method: 'POST',
					data: {
						id: id, //	订单号		true	string
					},
					success: (res) => {
						console.log(res);
						if (res.data.status == '200') {
							uni.showToast({
								title: '确认购买成功',
								icon: 'none',
								duration: 2000
							});
							if (_this.switch1 == 0 && _this.switch2 == 1) {
								//广告需要销售
								setTimeout(function() {
									uni.navigateTo({
										url: '/pages/ad/ad_pro?id=' + _this.id
									});
								}, 2000)
							} else {
								// 广告不需要收集信息不需要销售
								//广告需要收集信息
								setTimeout(function() {
									uni.navigateBack({
										delta: 1
									})
								}, 2000)
							}

							// 支付成功之后，返回上一页刷新上一页面

						} else {

							uni.showToast({
								title: res.data.msg,
								icon: 'none',
								duration: 2000
							});
						}
					},
					fail: (error) => {
						_this.checks = true
						console.log(error)
					}
				});
			},
		}
	}
</script>

<style>
	.xuan_li {
		width: 100%;
		height: 10vw;
		line-height: 10vw;
		display: block;
		float: left;
		border: 1px solid #eee;
		border-radius: 1vw;
		margin: 2vw 0;
	}

	.xuan_li image {
		width: 6vw;
		height: auto;
		display: block;
		float: left;
		margin-top: 2vw;
		margin-left: 5vw;
		margin-right: 2vw;
	}

	.act {
		/* background: #F1C75E; */
		border: 1px solid #F1C75E;
		color: #F1C75E;
	}

	.center_qb {
		width: 100%;
		height: auto;
		line-height: 8vw;
		display: block;
		float: left;
		padding: 2vw 0;
	}

	.inv-h-w {
		background-color: #FFFFFF;
		height: 10vw;
		display: flex;
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 999;
	}

	.inv-h {
		font-size: 0.8rem;
		flex: 1;
		text-align: center;
		color: #333;
		height: 10vw;
		line-height: 10vw;
	}

	.inv-h-se {
		color: #F1C75E;
		border-bottom: 1vw solid #F1C75E;
	}

	.main {
		width: 90%;
		height: auto;
		float: left;
		margin-bottom: 5vw;
	}

	.login_main_li_yzm {
		width: auto;
		height: 8vw;
		display: block;
		float: right;
		background: #fcbe16;
		padding: 0 3vw;
		line-height: 8vw;
		border-radius: 4vw;
	}

	.shuru {
		width: 100%;
		height: auto;
		display: block;
		float: left;
		border-radius: 1vw;
		overflow: hidden;
		padding: 2vw 4vw;
		background: #fff;
		margin-top: 4vw;
		box-shadow: 0px 0px 5px #eee;
	}

	.shuru_tit {
		width: 45%;
		height: 10vw;
		line-height: 10vw;
		display: block;
		float: left;
	}

	.shuru_text {
		width: 55%;
		height: 10vw;
		line-height: 10vw;
		display: block;
		float: right;
		text-align: right;
	}

	select.shuru_text {
		border: none;
	}



	.baodan_zhu {
		width: 100%;
		height: auto;
		display: block;
		float: left;
		margin: 2vw 0;
		background: #fff;
		border-radius: 1vw;
		padding: 4vw;
		box-shadow: 0px 0px 5px #eee;
		margin-top: 4vw;
	}

	.baodan_tit {
		width: 100%;
		height: 8vw;
		line-height: 8vw;
		display: block;
		float: left;
		text-align: center;
	}

	.baodan_tit1 {
		width: 100%;
		height: 8vw;
		line-height: 8vw;
		display: block;
		float: left;
	}

	.baodan_into {
		width: 100%;
		height: auto;
		display: block;
		float: left;
		line-height: 7vw;
		display: block;
		float: left;
		min-height: 40vw;
		background: url(../../static/img/jiaa.png) no-repeat center;
	}

	.shuru_text2 {
		float: left;
		height: auto;
		width: 50%;
		min-height: 6vw;
		background: url(../../static/img/turn.png) no-repeat right center;
		background-size: 2.5vw;
		line-height: 6vw;
		text-align: right;
		padding: 2vw 0;
		padding-right: 4vw;
	}

	.baodan_into1 {
		width: 30%;
		height: 24vw;
		display: block;
		float: left;
		line-height: 7vw;
		display: block;
		float: left;
		background: url(../../static/img/jiaa.png) no-repeat center;
		border: 1px solid #eee;
		border-radius: 1vw;
		margin: 2vw 1.6%;
	}

	.imgi {
		width: 30%;
		height: 24vw;
		display: block;
		float: left;
		border: 1px solid #eee;
		margin: 2vw 1.6%;
		border-radius: 1vw;
		overflow: hidden;
		position: relative;
	}

	.imgi image {

		width: 100%;
		height: auto;
	}

	.baodan_into_image {
		width: 100%;
		height: auto;
		display: block;
		float: left;
		margin: 0;
	}

	.bai {
		width: 100%;
		height: 12vw;
		display: block;
		float: left;
	}

	.imgi image.imgdel {
		width: 6vw;
		height: 6vw;
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		padding: 1vw;
		background: url(../../static/img/bg.png) repeat;
		z-index: 9;
		float: right;
		border-radius: 0 0 0 2vw;
	}
</style>